import loadingTpl from './loading.vue'// 还没开始用所以是对象 必须在挂在或者在其他组件中使用才是组件
console.log(loadingTpl)// 还是一个对象 还没变成组件
const loading = {
  install (Vue) {
    // 创建 构造函数 创建组件的
    const Loading = Vue.extend(loadingTpl)
    // new 构造函数  生成组件
    const loadingComponent = new Loading()
    console.log(loadingComponent.$mount().$el)// 变成组件
    document.body.appendChild(loadingComponent.$mount().$el)
    Vue.prototype.$showLoading = () => {
      loadingComponent.isShow = true
    }
    Vue.prototype.$hideLoading = () => {
      loadingComponent.isShow = false
    }
  }
}
export default loading
